<template>
  <el-sub-menu v-show="data?.empty.status" :index="data?.empty.id.toString()">
    <template #title>
      <el-icon><component :is="data?.empty.icon"/></el-icon>
      <menu-text>{{data.empty.title}}</menu-text>
    </template>
    <template v-for="child in data?.children">
      <SubMenu v-if="child.empty.path===''" :data="child" />
      <Menu v-else :data="child"/>
    </template>
  </el-sub-menu>
</template>

<script setup lang="ts">
import {sys} from "../../model/system";
import MenuText from "./MenuText.vue";
import Menu from "./Menu.vue";

const props=defineProps({
  data:sys.MenuEmpty
})
</script>



<style scoped>

</style>